body {
  margin: 0;
}

.baby-love-chat {
  display: flex;
  flex-flow: column;
  height: 100vh;
  box-sizing: border-box;
  padding: 10px 16px;
  background-color: rgba(0, 0, 0, 0.1);
  overflow: hidden;

  .baby-love-chat-body {
    display: block;
    flex: 1;
    margin: 0;
    margin-bottom: 8px;
    overflow: auto;
    -ms-overflow-style: none;
    /* IE 和 Edge */
    scrollbar-width: none;
    /* Firefox */

    &::-webkit-scrollbar {
      width: 0;
      height: 0;
    }

    .baby-love-chat-item-server,
    .baby-love-chat-item-client {
      display: flex;
      margin: 0;
      margin-bottom: 16px;

      .baby-love-chat-item-content {
        padding: 10px 16px;
        overflow-x: hidden;
        font-size: 14px;

        ul,ol {
          display: flex;
          flex-direction: column;
          margin: 8px 0;
          padding-left: 0;

          li{
            margin-bottom: 6px;
            overflow: auto;
            margin-right: 0;
          }
        }

        pre {
          background-color: #fafafc;
          overflow: auto;
          padding: 16px 8px;
        }

        p {
          margin: 0;
        }
      }
    }

    .baby-love-chat-item-server {
      justify-content: flex-start;
      align-items: center;

      .baby-love-chat-item-content {
        background-color: #fff;
        border-radius: 10px 10px 10px 0;
      }
    }

    .baby-love-chat-item-client {
      justify-content: flex-end;
      align-items: center;

      .baby-love-chat-item-content {
        background-color: #1677ff;
        border-radius: 10px 10px 0 10px;
        color: #fff;
      }
    }
  }

  .baby-love-chat-footer {
    display: flex;
    justify-content: center;
    height: 40px;
    min-height: 40px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);

    .adm-input {
      flex: 1;
      background-color: #fff;
      padding: 4px 8px;
      border-radius: 4px;
    }

    .adm-button {}
  }
}